接下來大都會開始帶著讀者一同實作，體驗一下 Umbraco

前面講那麼多，前台都沒感覺耶!?

前面13天都在講 Umbraco 後台的功能及設定只能算是打地基，
不然直接講怎麼新增一天前台看的到的文章肯定會一頭霧水啊!!

今天先簡易的帶大家利用範例網站所提供的 Document type 及 Template 快速建立一個頁面吧。

先建立 Landing Page

我們先來建立一個名為 iThome 的 Landing Page吧。

1. Content Section => 點 Home 右邊的三個點 => 選擇 Landing Page
2. 輸入 iThome => 按右下角的 Save and publish
3. 回到前台並重新整理
4. 恭喜第一步成功

先將 iThome移動至第一個後，建立一個子節點

1. 對 Home 右鍵 => Sort => 將剛剛建立的 iThome 移動到第一個 => Save
2. 點 iThome 右邊的三個點 => 選擇 Text Page => 輸入 30Day => Save and publish
3. 回到前台並重新整理，這時會發現滑鼠移動到 iThome 時會展開下拉選單
4. 點剛剛建立的子節點
5. 恭喜建立子節點成功

來幫剛剛的子節點新增一點內容吧

1. 選擇 Article Wide => Add Content => 選擇 Rich text editor => 輸入任意內容
2. 點 "+" 按鈕 => 選擇 Article
3. 左邊的 Add Content 選擇 Image 並選一張圖片
4. 右邊的 Add Content 選擇 Rich text editor => 輸入任意內容
5. Save and publish
6. 回到前台並重新整理
7. 恭喜新增節點內容

今日總結

今天我們很快速地建立一個功能選單，並新增了一筆子節點也添加其內容。
Add Content裡面其實有很多不同類型的東西可以選，
大家有興趣都可以自己玩看看。

慢慢地要進入寫 Code 的地方，敬請期待啊!!